<template>
    <el-main>
        <el-main class="ep-body">
            <epl-top-bar showPerson :datas="{formData:form,tableData:tableData}" personType="PERSON_AAC031_1" psTagType="PERSON_AAB001_GROUP">
                <ep-button size="small" name="打印"></ep-button>
                <ep-button size="small" name="刷新"></ep-button>
            </epl-top-bar>
            <epl-userMessage dataType="person" idCount="2" :panel="panel">
                <epl-userMessageItem title="补缴金额" :sum="form.sum.value">
                    <epl-column label="补缴月数" :value="' '+form.months.value"></epl-column>
                    <epl-column label="当前缴费基数" :value="'￥'+form.aae180ThisYear.value"></epl-column>
                </epl-userMessageItem>
            </epl-userMessage>
            
            <el-collapse v-model="activeNames" @change="handleChange">
                <el-collapse-item title="请输入补缴信息" name="1">
                    <el-card class="ep-card">
                        <el-form :model="form" ref="form" :rules="rules">
                            <el-row>
                                <ep-input colspan="8" name="sum" :property="form.sum" p="H" :datas="{formData: form}"></ep-input>
                                <ep-input colspan="8" name="months" :property="form.months" p="H" :datas="{formData: form}"></ep-input>
                                <ep-input colspan="8" name="aae180ThisYear" :property="form.aae180ThisYear" p="H" :datas="{formData: form}"></ep-input>
                            </el-row>
                            <el-row :gutter="10">
                                <ep-input colspan="8" label="人员查询码" name="aac999" :property="form.aac999"
                                            placeholder="请输入人员查询码" p="H"
                                            :datas="{formData: form}"></ep-input>
                                <ep-input colspan="8" label="人员姓名" name="aac003" :property="form.aac003"
                                            placeholder="请输入人员姓名" p="H"
                                            :datas="{formData: form}"></ep-input>
                                <ep-input colspan="8" label="社会保障号" name="aac002" :property="form.aac002"
                                            placeholder="请输入社会保障号" p="H"
                                            :datas="{formData: form}"></ep-input>
                            </el-row>
                            <el-row :gutter="10">
                                <ep-select colspan="6" label="户口性质"  name="aac009" :property="form.aac009"
                                            placeholder="请输入户口性质" codetype="AAC009" p="H" 
                                            :datas="{formData:form}"></ep-select>
                                <ep-input colspan="8" label="单位管理码" name="aab999" :property="form.aab999"
                                            placeholder="请输入单位管理码" p="H"
                                            :datas="{formData: form}"></ep-input>
                            </el-row>
                            <el-row :gutter="10">
                                <ep-select colspan="8" label="补收类型"  name="baa115" :property="form.baa115"
                                            placeholder="请选择补收类型" codetype="BAA115" p="R" rules="this.$rules.test_noBlank"
                                            :datas="{formData:form}"></ep-select>
                                <ep-select colspan="8" label="征收方式" name="aab033" :property="form.aab033"
                                            placeholder="请选择征收方式" p="R" codetype="AAB033" rules="this.$rules.test_noBlank"
                                            :datas="{formData:form}"></ep-select>
                            </el-row>
                            <el-row :gutter="10">
                                <epl-search-input colspan="8" label="统一社会信用代码" name="aab000" :property="form.aab000" type="company" placeholder="请输入统一社会信用代码" p="R"
                                    tagType="COMPANY_AAB000_EXACT" api="/business/d100insiup/d01companycommon/CpQueryComm/doCpQueryComm01" :datas="{formData:form, searchType:'aab000'}"
                                    rules="this.$rules.test_noBlank">
                                    <epl-search-input-item header="单位名称" name="aab069"></epl-search-input-item>
                                    <epl-search-input-item header="统一社会信用代码"  name="bab010"></epl-search-input-item>
                                    <epl-search-input-item header="单位类型"  name="aab019"></epl-search-input-item>
                                    <epl-search-input-item header="单位状态"  name="aaa120"></epl-search-input-item>
                                    <epl-search-input-item header="当前参保险种"  name="aae140"></epl-search-input-item>
                                </epl-search-input>
                                <ep-input colspan="8" label="统一信用代码" name="bab010" :property="form.bab010" isChange isClick
                                            placeholder="请输入统一信用代码" p="H" :datas="{formData: form}"></ep-input>
                                <ep-input colspan="16" label="单位名称" name="aab069" :property="form.aab069" p="D"
                                            :datas="{formData:form}"></ep-input>                        
                            </el-row>
                            <el-row :gutter="10">
                                <ep-dateYMD type="YY-MM" colspan="8" label="视同缴费月数" name="aae200" :property="form.aae200"
                                            placeholder="请输入视同缴费月数" p="R" :datas="{formData:form}" rules="this.$rules.test_noBlank"></ep-dateYMD>
                                <ep-dateYMD type="YY-MM" colspan="8" label="实际缴费月数" name="aae201" :property="form.aae201"
                                            placeholder="" p="D" :datas="{formData:form}"></ep-dateYMD>
                                <ep-input colspan="8" label="缴费基数" name="aae180" :property="form.aae180"
                                            placeholder="请输入缴费基数" p="R" :datas="{formData:form}"
                                            rules="this.$rules.numx"></ep-input>
                            </el-row>                             
                            <el-row>
                                <ep-textarea :rows="3" label="备注" name="aae013" :property="form.aae013"
                                        placeholder="请输入备注" p="E" :datas="{formData: form}"></ep-textarea>
                            </el-row>
                        </el-form>
                    </el-card>
                </el-collapse-item>
            </el-collapse>
            <el-card class="ep-card">
                <ep-title>一次性补缴信息结果</ep-title>
               
                  <el-row>
                    <ep-table :data="tableData" :pager="20" border style="width: 100%;" :titleFilter="demo">
                        <ep-table-column editor="index" width="85"  header="序号"></ep-table-column>                            
                        <ep-table-column sortable editor="text" width="140" name="aae030" header="险种类型" ></ep-table-column>  
                        <ep-table-column sortable editor="text" width="140" edited  name="aae031" header="征收方式"></ep-table-column>
                        <ep-table-column sortable editor="text" width="140" edited  name="aae180" header="缴费基数"></ep-table-column>
                        <ep-table-column sortable editor="text" width="160" edited  name="aae002" header="费款所属期"></ep-table-column>
                        <ep-table-column sortable editor="text" width="180" edited  name="aae003" header="对应费款所属期" hidden></ep-table-column>
                        <ep-table-column sortable editor="text" width="120" edited  name="aae079" header="月数"></ep-table-column>
                        <ep-table-column sortable editor="text" width="140" edited  name="aae020" header="单位金额" hidden></ep-table-column>
                        <ep-table-column sortable editor="text" width="140" edited  name="aae022" header="个人金额" hidden></ep-table-column>
                        <ep-table-column sortable editor="text" width="140" edited  name="aae058" header="总金额"></ep-table-column>
                    </ep-table>

                </el-row>
                  <div style="margin: 15px 0;"></div>
                <el-row type="flex" justify="center">
                        <ep-saveButton id="doSave" top="20" type="primary" bottom="20" ref="save" @formValidate="formValidate"
                            :validate="['form']" :datas="{formData: form,panel:panel,tableData:tableData,tableData2:tableData2}" 
                            name="保存"></ep-saveButton>
                </el-row>
            </el-card>
        </el-main>
    </el-main>
</template>

<script src="../js/DeplayRetireCollectionOnceJS.js"></script>